﻿@using Didsoft.Mvc.Helpers
@model SIOGDE.AccesoDatos.Entidades.HistorialAscenso
@{
    string redireccion = ViewBag.Redireccion;
    Layout = "../Shared/_LayoutJtable.cshtml";   
}

<link href="~/Content/DataForm.css" rel="stylesheet"/>
@section LocalStyles
{
    <link href="~/Content/themes/redmond/jquery-ui-1.8.16.custom.css" rel="stylesheet" />
}
<script>
    $(function () {
        $("#btnCommon").click(function () {
            var config = getAscenso();
            var json = JSON.stringify(config);
            //alert(json);
            $.ajax({
                url: 'JSONCreate',
                contentType: 'application/json',
                type: 'POST',
                dataType: 'json',
                data: json
            })
           .success(function (result) {
               if (result.Result == 'ERROR')
                   alert(result.Message);
               else {

                   LoadDataTable();
                   clearFields();
               }
           })
           .error(function (xhr, status) {
               //alert(xhr.Message);
               alert('ups!!!, Servicio No disponible')
           });

        });
    });

    function getAscenso() {
        var ascenso = {}
        ascenso.PersonaId_FK = $("#PersonaId_FK").val();
        ascenso.GradoId_FK = $("#GradoId_FK").val();
        ascenso.FechaAscenso = $("#FechaAscenso").val();
        ascenso.Motivo = $("#Motivo").val();
        ascenso.NumAntiguedad = $("#NumAntiguedad").val();
        ascenso.NumAntiguedadArma = $("#NumAntiguedadArma").val();
        ascenso.NumEntre = $("#NumEntre").val();
        return ascenso;
    }

    function clearFields() {
       
        $("#GradoId_FK_autocomplete").val('');
        $("#FechaAscenso").val('');
        $("#Motivo").val('');
        $("#NumAntiguedad").val('');
        $("#NumAntiguedadArma").val('');
        $("#NumEntre").val('');
    }


    function LoadDataTable() {
        $('#MyTableContainer').jtable('load', { personaId: $('#PersonaId_FK').val() });
    }


</script>

<div class="box common"  id="myDataForm">
    <div class="header">Historial Ascenso de : @Model.Persona.NombreCompleto</div>
    <fieldset class="boxBody">
    @Html.HiddenFor(model => model.PersonaId_FK)
     @Html.HiddenFor(model => model.Descripcion)    
      <ul id="list" class="inputcontrols-grid">
         <li>
            @Html.LabelFor(model => model.FechaAscenso)
            @Html.EditorFor(model => model.FechaAscenso)
        </li>
        <li data-id="2">       
            @Html.LabelFor(model => model.Grado)
            @Html.AutocompleteFor(model => model.GradoId_FK, Url.Action("SearchByFilter","Grado"))
        </li>
        <li data-id="2">
            @Html.LabelFor(model => model.Motivo)
            @Html.EditorFor(model => model.Motivo)
        </li>
        <li data-id="2">        
            @Html.LabelFor(model => model.NumAntiguedad)       
            @Html.EditorFor(model => model.NumAntiguedad)
        </li>
          <li data-id="2">        
            @Html.LabelFor(model => model.NumAntiguedadArma)       
            @Html.EditorFor(model => model.NumAntiguedadArma)
        </li>
          <li data-id="2">        
            @Html.LabelFor(model => model.NumEntre)
            @Html.EditorFor(model => model.NumEntre)
        </li>
       </ul>
        <input type="submit" id="btnCommon" class="button medium green" value="Guardar Datos de Ascenso"/>
    </fieldset>

<div id="MyTableContainer"></div>
<script type="text/javascript">
    $(document).ready(function () {
        $('#MyTableContainer').jtable({
            title: 'HistorialAscenso',
            paging: true,
            pageSize: 40,
            sorting: true,
            defaultSorting: 'Id ASC',
            actions: {
                listAction: '@Url.Action("JSONPagedListByPersona")',
                updateAction: '@Url.Action("JSONUpdate")',
                deleteAction: '@Url.Action("JSONDelete")'
         },
         fields:
         {
             Id: {
                 key: true,
                 create: false,
                 edit: false,
                 list: false
             }  
             ,
             GradoId_FK: {
                 title: 'Grado',
                 create: true,
                 edit: true,
                 list: true,
                 options: '@Url.Action("../Grado/JSONGetElementsForDropDownList")'
             },
             PersonaId_FK: {
                 type : 'hidden'
             }
             ,
             NumAntiguedad: {
                 title: 'Antiguedad en el Grado',
                 create: true,
                 edit: true,
                 list: true,
                 inputClass: 'validate[required]',
                 sorting: false
             },
             NumEntre: {
                title: 'Ascendido Entre',
                create: true,
                edit: true,
                list: true,
                sorting: false
             }
             ,
             NumAntiguedadArma: {
                 title: 'Antiguedad en el Arma',
                 create: true,
                 edit: true,
                 list: true,
                 inputClass: 'validate[required]',
                 sorting: false
             }
             ,
             FechaAscenso: {
                 title: 'FechaAscenso',
                 create: true,
                 edit: true,
                 list: true,
                 type: 'date',
                 displayFormat: 'dd/mm/yy',
                 inputClass: 'validate[required]',
                 sorting: false
             }
             ,
             FechaRegistro: {
                 title: 'FechaRegistro',
                 create: false,
                 edit: false,
                 list: true,
                 type: 'date',
                 displayFormat: 'dd/mm/yy',
                 inputClass: 'validate[required]',
                 sorting: false
             }                          
             ,
             Motivo: {
                 title: 'Motivo',
                 create: true,
                 edit: true,
                 list: true,
                 sorting: false
             }
             ,
             RegistradoPor: {
                 title: 'RegistradoPor',
                 create: false,
                 edit: false,
                 list: true,
                 inputClass: 'validate[required]',
                 sorting: false
             }                 
             
             
         },
         formCreated: function (event, data) { data.form.validationEngine(); },
         formSubmitting: function (event, data) { return data.form.validationEngine('validate'); },
         formClosed: function (event, data) { data.form.validationEngine('hide'); data.form.validationEngine('detach'); }
     });
        LoadDataTable();
     });
</script>





<footer>
    <input type="button" class="btnCancel" value="Regresar a Ficha Personal" onclick="history.go(-1);" />
</footer>
</div>

@section Scripts{@Scripts.Render("~/bundles/jqueryval")
<script type="text/javascript">
    $(document).ready(function () {
        $('#FechaAscenso').datepicker({ dateFormat: "dd/mm/yy" }).val();       
    });
</script>
    }
